import { Component } from "react";

class Chapter3 extends Component {
    constructor(props) {
        super(props);
    }
    render() {
        const { title } = this.props;
        const list = [
            { title: "吃饭", id: 1 },
            { title: "上网", id: 2 },
            { title: "打豆豆", id: 3 },
        ];
        return (
            <div className='wrapper wrapper3'>
                <div className='page-header'>
                    <h3>{title}</h3>
                </div>
                <div className='page-content'>
                    <ul className='list-group'>
                        {list &&
                            list.map((item) => (
                                <li className='list-group-item' key={item.id}>
                                    {item.title}
                                </li>
                            ))}
                    </ul>
                </div>
            </div>
        );
    }
}

export default Chapter3;
